<template>
	<view class="score">
		<text class="icon-score yellow" v-for="index in num" :key="index"></text>
		<text class="icon-score gray" v-for="index in 5-num" :key="index"></text>
	</view>
</template>
<script>
	export default {
		name: 'rate-tag',
		props: {
			num:{
				type:[Number],
				default:5
			}
		},
		data() {
			return {
			}
		},
		watch: {
			
		},
		computed: {
			
		},
		mounted(){
			
		},
		methods: {
			
		}
	};
</script>
<style lang="scss">
	.score{
		display: inline-flex;
	}
	
	.icon-score {
	    display: inline-block;
	    width: 26rpx;
	    height: 26rpx;
	    margin-right: 10rpx;
	}
	
	.icon-score.yellow {
	    background: url(@/static/images/icon-star-yellow.png) center no-repeat;
	    background-size: 24rpx;
	}
	
	.icon-score.gray {
	    background: url(@/static/images/icon-star-gray.png) center no-repeat;
	    background-size: 24rpx;
	}

</style>
